<div class="bg-light lter b-b wrapper-md">
  <h1 class="m-n font-thin h3">创建商品</h1>
</div>
<div class="wrapper-md">
  <tabset class="tab-container" >
    <tab heading="基本信息" active="steps.step1" select="steps.percent=10">
      <p class="m-b">基本信息</p>

      <progressbar value="steps.percent" class="progress-xs" type="success"></progressbar>

      <form name="step1" class="form-validation">
        <p>商品编号</p>
        <input type="text" name="goods_code" class="form-control" ng-model="obj.goods_code" required >

        <p class="m-t">商品名称</p>
        <input type="text" name="goods_name" class="form-control" ng-model="obj.goods_name" required >


        <p class="m-t">景区</p>
        <input type="text" name="goods_name" class="form-control" ng-model="obj.goods_name" required >


        <p class="m-t">票种</p>
        <input type="text" name="goods_name" class="form-control" ng-model="obj.ticket_type" required >


        <div class="m-t m-b">
          <button type="submit" ng-disabled="step1.$invalid" class="btn btn-default btn-rounded" ng-click="steps.step2=true">下一步</button>
        </div>
      </form>
    </tab>
    <tab heading="Step 2" disabled="step1.$invalid" active="steps.step2" select="steps.percent=30">
      <form name="step2" class="form-validation">
        <p class="m-b">Continue the next step</p>
        <progressbar value="steps.percent" class="progress-xs" type="success"></progressbar>
        <p>Your age:</p>
        <input type="number" name="age" class="form-control" ng-model="age" required>
        <div class="m-t m-b">
          <button type="button" class="btn btn-default btn-rounded" ng-click="steps.step1=true">Prev</button>
          <button type="submit" ng-disabled="step2.$invalid" class="btn btn-default btn-rounded" ng-click="steps.step3=true">Next</button>
        </div>
      </form>
    </tab>
    <tab heading="Step 3" disabled="step2.$invalid" active="steps.step3" select="steps.percent=60">
      <p class="m-b">Congraduations! You got the last step.</p>
      <progressbar value="steps.percent" class="progress-xs" type="success"></progressbar>
      <p>Just one click to finish it.</p>
      <div class="m-t m-b">
        <button type="button" class="btn btn-default btn-rounded" ng-click="steps.step2=true">Prev</button>
        <button type="button" class="btn btn-default btn-rounded" ng-click="steps.percent=100">Click me to Finish</button>
      </div>
    </tab>
  </tabset>
</div>